<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>理财宝</title>
    <!-- build:css css/combined.css -->
    <link rel="stylesheet" href="./css/vendar/normalize.css">
    <link rel="stylesheet" href="./css/vendar/owl.carousel.min.css">
    <link rel="stylesheet" href="./css/vendar/owl.theme.default.min.css">
    <link rel="stylesheet" href="./css/main.css">
    <!-- endbuild -->
</head>
<body>
    <!--[if lte IE8]>
    <p class="browser-upgrade">您的浏览器已过时，请使用<b><a href="http://www.browsehappy.com">更新浏览器网站</a></b>更新您
        的浏览器</p>
    <![endif]-->

    <header>
        <nav class="top">
            <span class="tel">理财热线： 400-888-8888</span>
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">快速注册</a></li>
                <li><a href="#">关于</a></li>
                <li><a href="#">帮助</a></li>
                <li><a href="#">APP下载</a></li>
            </ul>
        </nav>
        <nav class="main">
            <a href="#" class="brand"><img src="./img/logo@1x.png" alt="回到首页"></a>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">理财频道</a></li>
                <li><a href="#">投资频道</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">安全保障</a></li>
            </ul>
        </nav>
    </header>

    <div class="container">
        <div class="transaction clearfix">
            <div class="trans-content">
                <div class="trans-data">
                    <span>平台累计成交金额</span>
                    <span class="trans-money">19888</span>
                    <span>万元</span>
                </div>
                <div class="trans-data">
                    <span>过去七日成交金额</span>
                    <span class="trans-money">1888</span>
                    <span>万元</span>
                </div>
                <div class="trans-report">
                    <a href="#">查看平台运营报告</a>
                </div>
            </div>
        </div>

        <div class="ad">
            <div class="owl-carousel owl-theme">
                <div class="item">
                    <picture>
                        <source srcset="./img/ad001-l.png" media="(min-width:50em)">
                        <source srcset="./img/ad001-m.png" media="(min-width:30em)">
                        <img src="./img/ad001.png" alt="2015年度报告">
                    </picture>
                </div>
                <div class="item">
                    <picture>
                        <source srcset="./img/ad002-l.png" media="(min-width:50em)">
                        <source srcset="./img/ad002-m.png" media="(min-width:30em)">
                        <img src="./img/ad002.png" alt="新年红包">
                    </picture>
                </div>
                <div class="item">
                    <picture>
                        <source srcset="./img/ad003-l.png" media="(min-width:50em)">
                        <source srcset="./img/ad003-m.png" media="(min-width:30em)">
                        <img src="./img/ad003.png" alt="新手秘籍">
                    </picture>
                </div>
            </div>
        </div>

        <section class="feature clearfix">
            <div class="item">
                <h3>安全</h3>
                <p>国家AAA信用平台 <br>银行资金托管 <br>上市公司背景保证</p>
            </div>
            <div class="item">
                <h3>权威</h3>
                <p>中央电视台推荐 <br>互联网百强企业 <br>标准起草单位</p>
            </div>
            <div class="item">
                <h3>省心</h3>
                <p>100元起投 <br>用户利益保障机制 <br>保险公司承保</p>
            </div>
        </section>

        <div class="notice clearfix">
            <a href="#"><span>2015-12-31</span>这是最新的公告，公告区域就是在这里实现的</a>
            <a href="#" class="more">更多公告</a>
        </div>

        <section class="product clearfix">
            <h2>
                固定期限产品
                <em>甄选优质基金</em>
                <em>省时省力</em>
                <em>坐等收益</em>
            </h2>

            <div class="product-content">
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="product clearfix">
            <h2>
                固定期限产品
                <em>甄选优质基金</em>
                <em>省时省力</em>
                <em>坐等收益</em>
            </h2>

            <div class="product-content">
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
                <div class="item">
                    <h3><em>3</em>个月</h3>
                    <div class="info">
                        <p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
                        <p>总成交金额：<span class="money">1888 <i>万元</i></span></p>
                    </div>
                    <div class="buy">
                        <a href="#">购买</a>
                    </div>
                </div>
            </div>
        </section>

        <nav class="footer clearfix">
            <div class="footer-content">
                <p class="brand"></p>
                <ul>
                    <li class="title">关于我们</li>
                    <li><a href="">公司结构</a></li>
                    <li><a href="">业务模式</a></li>
                    <li><a href="">合作机构</a></li>
                    <li><a href="">服务协议</a></li>
                </ul>
                <ul>
                    <li class="title">关于我们</li>
                    <li><a href="">公司结构</a></li>
                    <li><a href="">业务模式</a></li>
                    <li><a href="">合作机构</a></li>
                    <li><a href="">服务协议</a></li>
                </ul>
                <ul>
                    <li class="title">关于我们</li>
                    <li><a href="">公司结构</a></li>
                    <li><a href="">业务模式</a></li>
                    <li><a href="">合作机构</a></li>
                    <li><a href="">服务协议</a></li>
                </ul>
                <ul>
                    <li class="title">关于我们</li>
                    <li><a href="">公司结构</a></li>
                    <li><a href="">业务模式</a></li>
                    <li><a href="">合作机构</a></li>
                    <li><a href="">服务协议</a></li>
                </ul>
                <ul>
                    <li class="title">关于我们</li>
                    <li><a href="">公司结构</a></li>
                    <li><a href="">业务模式</a></li>
                    <li><a href="">合作机构</a></li>
                    <li><a href="">服务协议</a></li>
                </ul>
            </div>
        </nav>
    </div>

    <footer>
        <ul>
            <li><span class="icon icon-zfywxk">支付业务许可证</span></li>
            <li><span class="icon icon-pcirk">PCI认证</span></li>
            <li><span class="icon icon-visayz">VISA 验证</span></li>
            <li><span class="icon icon-vsjmfw">VerSign加密服务</span></li>
            <li><span class="icon icon-wlgs">网络工商</span></li>
            <li><span class="icon icon-rzcx">电子商务协会认证诚信网</span></li>
            <li><span class="icon icon-gs">工商</span></li>
        </ul>
        <p>某金融公司响应式页面 版权所有© 2016-2017 Hydra</p>
    </footer>

    <!-- build:js js/combined.js -->
    <script src="./js/vendar/jquery-1.9.1.min.js"></script>
    <script src="./js/vendar/owl.carousel.min.js"></script>
    <script src="./js/vendar/picturefill.min.js"></script>
    <script src="./js/index.js"></script>
    <!-- endbuild -->
</body>
</html>
